<div class="container">
    <div class="row">
        <div class="span12">
            <a href="index.jsp"><h2>Conference Management System (COMS)</h2></a>
        </div>
    </div>
    <div class="row">
        <div class="span12">
            <ul class="nav nav-pills" style="margin-bottom:0px;">
                <li class="menu" id="menu_home">
                    <a href="index.jsp"><i class="icon-home"></i> Home</a>
                </li>
                <li class="menu active" id="menu_user">
                    <a href="user_list.jsp"><i class="icon-user"></i> User Management</a>
                </li>
                <li class="menu" id="menu_conference">
                    <a href="conference_list.jsp"><i class="icon-road"></i> Conference</a>
                </li>
                <li class="menu" id="menu_logout">
                    <a href="../logout.jsp"><i class="icon-cog"></i> Log out</a>
                </li>
            </ul>
        </div>
    </div>
</div>

<script>
    loc = window.location.href;
    $('.menu').removeClass('active');
    if (loc.indexOf('user') > -1) {
        $('#menu_user').addClass('active');
    }
    else if (loc.indexOf('conference') > -1) {
        $('#menu_conference').addClass('active');
    }
    else {
        $('#menu_home').addClass('active');
    }
</script>

<hr style="margin-bottom:10px;" />